<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Factura</title>

<style>

article, aside, figure, footer, header, hgroup, 
menu, nav, section { display: block; }

body {
font-family: sans-serif;
font-size: 13px;
line-height: 1.5;
background: white;
}

ul {
padding: 6px 10px;
list-style: none;
}

table {
width: 100%;
border-collapse: collapse;
}

th, td {
margin: 0;
padding: 0;
}

th {
text-align: left;
background: #DDD;
}

th p {
padding: 10px 10px;
margin: 0;
}

tr {
vertical-align: top;
}

tr td:last-child,
tr th:last-child  {
text-align: right; 
}

tbody tr:first-child td p {
padding-top: 1em;
}

p {
padding: 5px 10px;
margin: 0;
}

hr {
height: 0;
border: 5px solid #EEE;
margin: 20px 0;
}

.big {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}

.small {
font-size: 12px !important;
color: #999;
}

.type {
padding: 5px;
vertical-align: top;
font-size: 2.5em;
text-align: center;
}

.dotted p {
border-top: 2px dotted #DDD;
margin-top: 1em;
padding-top: 1em;
}

.header td {
border: 5px solid #EEE;
}

.header div {
padding: 5px 10px;
}

.logo {
height: 65px;
width: 300px;
background-repeat: no-repeat;
background-position: 10px;
}

.banelco2 {
background: url('/images/banelco2.png') no-repeat;
height: 35px;
width: 200px;
}

.codigo {
background: url('/images/codigo.png') no-repeat;
height: 50px;
width: 500px;
}

</style>

</head>

<body>

<table class="header">
	<tr>
		<td>
			<div class="logo" style="background-image: url('/images/logo.png')"></div>
			<div class="small">
				<strong>ELSERVER SRL</strong>
				<br>Av. De Los Incas 3085 (C1429ELA) CABA Argentina
			</div>
		</td>
		<td class="type">
			<?=$boleta['comprobante']['tipo_comprobante']?><br><span class="small">Cod 06</span>
		</td>
		<td>
			<div class="big">
				Factura <?=$boleta['comprobante']['tipo_comprobante']?> <?=$boleta['comprobante']['numero']?><br>
				Emision: <?=$boleta['comprobante']['fecha_emision']?><br>
				Vencimiento: <?=$boleta['comprobante']['vencimiento1']?>
			</div>
			<div class="small">
				CUIT 30-70744750-4 <br>Ing. Brutos 1045862-10 | Inicio de Act.: 01/2001
			</div>
		</td>
	</tr>
</table>

<div>
	<ul>
		<li class="big"><?=$boleta['comprobante']['nombre']?></li>
		<li><?=$boleta['comprobante']['condicion_venta']?> &middot; <?=$boleta['comprobante']['condicion_iva']?></li>
		<li><?=$boleta['comprobante']['domicilio']?> <?=$boleta['comprobante']['ciudad']?> (<?=$boleta['comprobante']['codigo_postal']?>) <?=$boleta['comprobante']['provincia']?>, <?=$boleta['comprobante']['pais']?></li>
	</ul>
</div>

<table>

	<thead>

		<tr>

			<th><p>Cantidad</p></th>
			<th><p>Concepto</p></th>
			<th><p>Precio unitario</p></th>
			<th><p>Precio total</p></th>

		</tr>

	</thead>
	
	<tbody>
	
	<? foreach($boleta['items'] as $servicio): ?>

		<tr>
		
			<td><p><?=$servicio['cantidad']?></p></td>
			<td><p><?=$servicio['concepto']?> Periodo <?=$servicio['desde_servicio']?> / <?=$servicio['hasta_servicio']?></p></td>
			<td><p>$ <?=$servicio['precio']?></p></td>
			<td><p>$ <?=$servicio['total']?></p></td>
		
		</tr>

	<? endforeach; ?>

	<tr class="dotted">
	
		<td><p><strong>Subtotal</strong></p></td>
		<td><p></p></td>
		<td><p></p></td>
		<td><p>$ <?=$boleta['comprobante']['total']?></p></td>
	
	</tr>
	
	<? foreach ($impuestos as $impuesto): ?>
	
		<? if ($boleta['comprobante'][$impuesto] != null): ?>
		
			<tr>
			
				<td><p><?=strtoupper($impuesto)?> <?=$boleta['comprobante'][$impuesto]?> % </p></td>
				<td><p></p></td>
				<td><p></p></td>
				<td><p>$ <?=$boleta['comprobante'][$impuesto . '_importe']?></p></td>
			
			</tr>
		
		<? endif; ?>

	<? endforeach; ?>
	
	<tr class="dotted">
	
		<td><p><strong>TOTAL</strong></p></td>
		<td><p></p></td>
		<td><p></p></td>
		<td><p>$ <?=$boleta['comprobante']['total_mas_impuestos']?></p></td>
	
	</tr>	
	
	</tbody>

</table>

<table style="margin-top: 20px">

	<? if ($boleta['comprobante']['total_adeudado'] !== null): ?>

		<tr>
			<td><p class="small">Estado de Cuenta al </p></td><td></td>
		</tr>
		
		<tr>
			<td><p>Saldo anterior</p></td>
			<td><p>$ <?=$boleta['comprobante']['total_adeudado']?></p></td>
		</tr>	
	
	<? endif; ?>
	
	
	<tr>
		<td><p>Monto facturado</p></td>
		<td><p>$ <?=$boleta['comprobante']['total_mas_impuestos']?></p></td>
	</tr>
	<tr class="dotted">
		<td><p><strong>TOTAL A PAGAR</strong></p></td>
		<td><p>$ <?=$boleta['comprobante']['final']?></p></td>
	</tr>
	
</table>

<hr>

<div class="small"><strong>Importante:</strong> de no cumplir el vencimiento <?=$boleta['comprobante']['vencimiento1']?>, le informamos que podr&aacute; hacerlo hasta el <?=$boleta['comprobante']['vencimiento2']?> en todos los lugares habilitados. Le recordamos que su pago fuera de t&eacute;rmino sufrir&aacute; un recargo de $9.- que se ver&aacute; reflejado en su pr&oacute;xima factura.</div>

<hr>

<table>
	<tr>
		<td>		
			<div class="banelco2"></div>
		</td>
		<td>
			C&oacute;digo de pago Banelco / Pagomiscuentas.com : <?=$boleta['comprobante']['banelco']?>
		</td>
	</tr>
</table>

<hr>

<img src="http://local.rc/ajax/class/Funciones/barcode/<?=$boleta['comprobante']['codebar']?>.png" />


</body>

</html>
